<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*
			{
				margin: 0;
				padding: 0;
			}
			img{
				vertical-align: bottom;
			}
			.bd{
				border: 1px solid red;
			}
			.w{
				width: 375px;
				height: 220px;
				/* margin: 0 auto; */
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.eg{
				padding-bottom: 10px;
			}
			.main{
				background-color: #ff6783;
			}
			.title{
				width: 336px;
				padding-top: 15.5px;
				padding-left: 20px;
				color: #fff;				
			}
			.title h2{
				font-family: "黑体";
				font-weight: normal;
				font-size: 22px;
				line-height: 29px;
			}
			.title p{
				font-size: 12px;
				padding-bottom: 21px;
				border-bottom: 2px solid #fd7889;
			}
			.body{
				padding-top: 21px;
				padding-left: 20px;
				font-family: "黑体";
				font-weight: normal;
				font-size: 13px;
				color: #ff6783;
			}
			.body .fl:nth-child(2n),.body .fl:nth-child(2n+1){
				border-radius: 2px;
				background-color: #fff;
				padding: 4px 5px 3px 5px;
				margin-right: 15px;
				margin-bottom: 15px;
				line-height: 13px;
			}
		</style>
	</head>
	<body>
		<div class="eg"><img src="images/case-01_37.gif" alt=""></div>
		<div class="w main">
			<div class="title">
				<h2>太原婚纱照精选商家</h2>
				<p>Featured businesses</p>
			</div>
			<div class="body">
				<div class="fl">
					<h4>太原金夫人</h4>
				</div>
				<div class="fl">
					<h4>幸福V摄影</h4>
				</div>
				<div class="fl">
					<h4>罗亚摄影</h4>
				</div>
				<div class="fl">
					<h4>爱萌18号</h4>
				</div>
				<div class="fl">
					<h4>栖溪创意水下摄影</h4>
				</div>
				<div class="fl">
					<h4>布拉格</h4>
				</div>
				<div class="fl">
					<h4>凯瑟琳摄影</h4>
				</div>
				<div class="fl">
					<h4>佳丽新娘婚纱</h4>
				</div>
				<div class="fl">
					<h4>爱尚婚纱摄影</h4>
				</div>
				<div class="fl">
					<h4>卡罗摄影</h4>
				</div>
			</div>
		</div>
	</body>
</html>
